<!DOCTYPE html>
<html style="font-size: 10px;">

	<head>
		<meta charset="utf-8" />
		<title>分期管家-老虎机抽奖</title>
		<meta name="Keywords" content="分期管家" />
		<meta name="Description" content="全国首款大学生分期管理工具！" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<script>
			(function(doc, win) {
				var docEl = doc.documentElement,
					resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
					recalc = function() {
						var clientWidth = docEl.clientWidth;
						if (!clientWidth) return;
						if (clientWidth >= 640) {
							clientWidth = 640;
						} else if (clientWidth <= 320) {
							clientWidth = 320;
						} else {}
						docEl.style.fontSize = 10 * (clientWidth / 320) + 'px';
					};
				if (!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener('DOMContentLoaded', recalc, false);
			})(document, window);
		</script>
		<link rel="stylesheet" type="text/css" href="css/bbd_css.css" />
		<link rel="stylesheet" type="text/css" href="css/share.css" />
		<script src="js/jquery-2.1.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://www.fqgj.net/theme/js/t.js" type="text/javascript"></script>
	</head>

	<body>
    <audio id='audio' src='img/cool.mp3'/></audio>

		<div class="loading" id="loading">
			<div class="inner">
				<p class="loading_rate" id="loading_rate"></p>
			</div>
		</div>

		<div class="wrap">

			<div class="wrap_bg"></div>
			<div class="earanimate earbox"></div>
			<div class="earanimate earbox2"></div>
			<div class="tiger_guize"></div>
			<div class="tiger_cloud1"></div>
			<div class="tiger_cloud2"></div>
			<div class="container">
				<div class="num num1">
					<div class="num-con num-con1">
						<div class="num-img"></div>
						<div class="num-img"></div>
					</div>
				</div>
				<div class="num num2">
					<div class="num-con num-con2">
						<div class="num-img"></div>
						<div class="num-img"></div>
					</div>
				</div>
				<div class="num num3">
					<div class="num-con num-con3">
						<div class="num-img"></div>
						<div class="num-img"></div>
					</div>
				</div>
			</div>
			<div class="main3-btn"></div>

		</div>

<div id="pop">
	<div id="pop-wint"></div>
	<div id="pop-center-t"></div>
	<div id="pop-center-t2"></div>
	<a id="btn-pop-ok" href="javascript:;" class="pop-ok">确定</a>
	<div id="pop-center-t3"></div>
</div>


<div id="pop1">
	<div class="pop-title">活动规则<a href="javascript:;" class="pop-close1"></a></div>
	<div class="pop-text">
		<p>1.参与疯狂老虎机抽奖，即有机会获得奖品列表中的奖品.</p>
		<p>2.每个用户每天有三次摇奖机会，超过三次需分享获得再一次机会.</p>
		<p>3.摇中的奖品券码需要用户截屏保存.</p>
		<p>4.此活动最终解释权归实惠APP所有.</p>
		
	</div>
</div>
<div id="pop3"></div>
<div class="fix"></div>

		<div id="shade"></div>
		<div id="share" style="text-align: center;">
			<h2>分享到：</h2>
			<ul>
				<li class="share" data-type="weixin"><span><img src="http://www.fqgj.net/theme/images/share-icon/weixin_icon.png"><p>微信好友</p></span></li>
				<li class="share" data-type="weixinfriend"><span><img src="http://www.fqgj.net/theme/images/share-icon/pengyou.png"><p>朋友圈</p></span></li>
				<li class="share" data-type="sina"><span><img src="http://www.fqgj.net/theme/images/share-icon/xinlang_icon.png"><p>微博</p></span></li>
				<li class="share" data-type="qq"><span><img src="http://www.fqgj.net/theme/images/share-icon/qq_icon.png"><p>QQ</p></span></li>
				<li class="share" data-type="qqzone"><span><img src="http://www.fqgj.net/theme/images/share-icon/qzone_icon.png"><p>QQ空间</p></span></li>
			</ul>
		</div>
		<script>
var load = document.getElementById('loading');
			var imgPath = 'img/';
			var loadingPage = (function() {
				var imgSources = ['tiger_bg.png','dialog_art.png','ear.png','ear2.png','img_bg1245.png','no_win01.png','no_win02.png',
				'no_win04.png','no_wint01.jpg','no_wint02.jpg','no_wint04.png','num.jpg','t_not_win1.jpg','t_not_win2.jpg','t_not_win3.jpg','t_not_win4.jpg'
				,'tiger_chance.png','tiger_gain.png','tiger_img01.png','tiger_img02.png','tiger_img03.png','tiger_img04.png','tiger_in.png','tiger_login.png',
				'tiger_over.png','tiger_start.png','tiger_title.png','trgin_quan01.jpg','trgin_quan02.jpg','trgin_quan04.jpg','trgin_quan05.jpg',
				'trgin_win1.jpg','trgin_win2.jpg','trgin_win3.jpg','trgin_win4.jpg','no_win_btn_p.png','share_01.jpg','share_02.jpg','share_03.jpg',
				'share_04.jpg','share_tit.jpg'];
				for (var i = 0; i < imgSources.length; i++) {
					imgSources[i] = (imgPath + imgSources[i]);
				};
				var loadImage = function(path, callback) {
					var img = new Image();
					img.onload = function() {
						img.onload = null;
						callback(path);
					}
					img.src = path;
				}
				var imgLoader = function(imgs, callback) {
					var len = imgs.length,
						i = 0;
					while (imgs.length) {
						loadImage(imgs.shift(), function(path) {
							callback(path, ++i, len);
						})
					}
				}
				rateNum = document.getElementById('loading_rate');
				
				var percent = 0;
				imgLoader(imgSources, function(path, curNum, total) {
					percent = curNum / total;
					percent2 = (curNum / total) * 197;
					//$("#pgs2").attr("value", Math.floor(percent * 212));
					if (percent != 1) {
						rateNum.innerHTML = Math.floor(percent * 100) + '%';
						
					}
				});
			})();
			window.onload = function() {
				$("html,body").scrollTop(0);
				rateNum.innerHTML = '100%';

				setTimeout(function() {
					document.getElementById('loading').style.display = 'none';
				}, 700);
			}
	$(function(){
		var flag=false;
		var index=0;
		var TextNum1,TextNum2,TextNum2,num1,num2,num3,numx;
				
	if($(".wrap").height() < $(window).height()){
		
		$(".wrap").css("height",$(window).height())
	}

	$(".pop-close1").click(function () {
	 	$(".fix,#pop1").hide();
	});
	$(".tiger_guize").click(function(){
		
		$(".fix,#pop1").fadeIn();
		
	});
(function(){
	
	

var intDiff = parseInt(15);//倒计时总秒数量

function timer(intDiff){
	window.setInterval(function(){
	var day=0,
		hour=0,
		minute=0,
		second=0;//时间默认值		
	if(intDiff > 0){
		hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
		minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
		second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
	}
	if (minute <= 9) minute = '0' + minute;
	if (second <= 9) second = '0' + second;
	$('#hour_show').html('<s id="h"></s>'+hour+'时');
	$('#minute_show').html('<s></s>'+minute+'分');
	$('#second_show').html('<s></s>'+second+'秒');
	intDiff--;
	
	if(intDiff==0){
		$(".fix,#pop3").hide();
		
	}
	}, 1000);
	

	
} 

$(function(){
	timer(intDiff);
});	

	
})();
	 
//	 导入账单
//	 $("#pop3").removeAttr("class").addClass("chance_in").html('<img src="img/tiger_in.png" /><a class="dialog_btn01" href="#">导入账单</a>').fadeIn();
//	 $(".fix").fadeIn();
	 
	// 已经领取奖励
//	 $("#pop3").removeAttr("class").addClass("chance_gain").html('<img src="img/tiger_gain.png" />').fadeIn();
//	 $(".fix").fadeIn();
	 //奖品领完 结束了
//	 $("#pop3").removeAttr("class").addClass("chance_over").html('<img src="img/tiger_over.png" />').fadeIn();
//	 $(".fix").fadeIn();
	 //未登陆
//	 $("#pop3").removeAttr("class").addClass("chance_login").html('<img src="img/tiger_login.png" /><a class="dialog_btn01" href="#">马上登陆</a>').fadeIn();
//	 $(".fix").fadeIn();	 
	 
	 //倒计时
	 $("#pop3").removeAttr("class").addClass("chance_time").html('<img src="img/tiger_start.png" /><div class="time-item">'
				 +'<strong id="hour_show"><s id="h"></s>0时</strong><strong id="minute_show"><s></s>00分</strong>'
				 +'<strong id="second_show"><s></s>00秒</strong></div><p class="time_pt">导入账单，准备开始！<p').fadeIn();
				 $(".fix").fadeIn();
	 
	 
	$(".main3-btn").click(function () {
		if(!flag){
			flag=true;
			$("#audio")[0].play();
			reset();
			letGo();
			setTimeout(function () {
				flag=false;
				if(index==4){
					
					$("#pop3").removeAttr("class").addClass("chance").html('<img src="img/tiger_chance.png" />').fadeIn();//一天三次机会用完了提示
					
					$(".fix").fadeIn();
					$(".main3-btn").unbind("click");
				}else{
						if(parseInt(num1)==-17&&parseInt(num2)==-17&&parseInt(num3)==-17){
							$("#pop-wint").removeAttr("class").addClass("win-w").html('<img src="img/t_not_win1.jpg" />');
							$("#pop-center-t").html('<img class="trgin_win_img" src="img/trgin_win1.jpg" />');
							$("#pop-center-t2").html("<p>券码：XXXXXXXX</p><p>失去了网络，就失去了全世界</p>");
							$("#pop-center-t3").html("<p>福利提供方：WIFI伴侣</p>");
							$("#btn-pop-ok").show().html("领取奖品").click(function(){
								window.location.href="juan01.html";
							});
						}else if(parseInt(num1)==-21&&parseInt(num2)==-21&&parseInt(num3)==-21){
							$("#pop-wint").removeAttr("class").addClass("win-w").html('<img src="img/t_not_win2.jpg" />');
							$("#pop-center-t").html('<img class="trgin_win_img" src="img/trgin_win2.jpg" />');
							$("#pop-center-t2").html("<p>券码：XXXXXXXX</p><p>知识是无价的~</p>");
							$("#pop-center-t3").html("<p>福利提供方：掌阅iReader</p>");
							$("#btn-pop-ok").show().html("领取奖品").click(function(){
								window.location.href="juan02.html";
							});
						}else if(parseInt(num1)==-30&&parseInt(num2)==-30&&parseInt(num3)==-30){
							$("#pop-wint").removeAttr("class").addClass("win-w").html('<img src="img/t_not_win4.jpg" />');
							$("#pop-center-t").html('<img class="trgin_win_img" src="img/trgin_win4.jpg" />');
							$("#pop-center-t2").html("<p>券码：XXXXXXXX</p><p>请告诉我一个可以不学英语的理由</p>");
							$("#pop-center-t3").html("<p>福利提供方：知米背单词</p>");
							$("#btn-pop-ok").show().html("领取奖品").click(function(){
								window.location.href="juan04.html";
							});
						}else{
							

							
							
							if(numx==0){
								
								$("#pop-wint").removeAttr("class").addClass("win-n").html('<img class="win_n_img_01" src="img/no_wint01.jpg" />');
								$("#pop-center-t").html('<span class="win_n_p">￥9</span><img class="win_n_c1" src="img/no_win01.png" /><p class="win_n_t">小米移动电源<a href="http://www.fenqile.com/product/detail/S201412264360.htm">[去看看 ]</a> </P>');
								$("#btn-pop-ok").show().html("再玩一次").click(function(){
									boxHide();
								});
								
							}else if(numx==1){
								
								$("#pop-wint").removeAttr("class").addClass("win-n").html('<img class="win_n_img_02" src="img/no_wint02.jpg" />');
								$("#pop-center-t").html('<span class="win_n_p">￥3999</span><img class="win_n_c1" src="img/no_win02.png" /><p class="win_n_t">苹果 iPhone 6 4G手机<a href="http://www.fenqile.com/product/detail/S201410173636.htm">[去看看 ]</a> </P>');
								$("#btn-pop-ok").show().html("再玩一次").click(function(){
									boxHide();
								});
								
							}else if(numx==2){
								
								$("#pop-wint").removeAttr("class").addClass("win-n").html('<img class="win_n_img_02" src="img/no_wint04.png" />');
								$("#pop-center-t").html('<span class="win_n_p">￥999</span><img class="win_n_c1" src="img/no_win04.png" /><p class="win_n_t">锤子坚果 YQ601 移动联通4G手机<a href="http://m.99fenqi.com.cn/product/productDetail.jsp?cp_id=55dc7e0d88625768f7f86b7d ">[去看看 ]</a> </P>');
								$("#btn-pop-ok").show().html("再玩一次").click(function(){
									boxHide();
								});
								
							}else if(numx==3){//这里是分享的弹框 
								
							$("#pop-wint").removeAttr("class").addClass("win-n").html('<img class="win_n_img_02" src="img/share_tit.jpg" />');
							$("#pop-center-t").html('<span class="win_n_p">￥9</span><img class="win_n_c1" src="img/no_win01.png" /><p class="win_n_t">小米移动电源<a href="http://www.fenqile.com/product/detail/S201412264360.htm">[去看看 ]</a> </P>');
							$("#btn-pop-ok").hide();
							$("#pop-center-t3").html('<div class="share_box"><a href="#"><img src="img/share_01.jpg"/><P>微信好友</p></a>'
							+'<a href="#"><img src="img/share_02.jpg"/><P>朋友圈</p></a>'
							+'<a href="#"><img src="img/share_03.jpg"/><P>QQ</p></a>'
							+'<a href="#"><img src="img/share_04.jpg"/><P>QQ空间</p></a></div>');
								
							}
							
							boxShow();
						}
						
						
					boxShow();	
				}
				

				
				
				
				
				
			},4000);

			
			index++;
		}
	});



	function letGo(){

		TextNum1=parseInt(Math.random()*2);//随机数
		TextNum2=parseInt(Math.random()*2);
		TextNum3=parseInt(Math.random()*2);
		
		numx=parseInt(Math.random()*4);//不中奖出来产品随机

		num1=[-17.35,-21.75,-26.15,-30.55][TextNum1];//在这里随机
		num2=[-17.35,-21.75,-26.15,-30.55,-34.95][TextNum2];
		num3=[-17.35,-21.75,-26.15,-30.55,-34.95][TextNum3];
		$(".num-con1").animate({"top":"-39.15rem"},1000,"linear", function () {
			$(this).css("top",0).animate({"top":num1+'rem'},1000,"linear");
		});
		$(".num-con2").animate({"top":"-39.15rem"},1000,"linear", function () {
			$(this).css("top",0).animate({"top":num2+'rem'},1600,"linear");
		});
		$(".num-con3").animate({"top":"-39.15rem"},1000,"linear", function () {
			$(this).css("top",0).animate({"top":num3+'rem'},2200,"linear");
		});

	}

	function reset(){
		$(".num-con1,.num-con2,.num-con3").css({"top":"0"});
	}
	function boxShow(){
		$("#pop").show().removeClass("bounceOutUp").addClass("bounceInDown");
		$(".fix").fadeIn();
		
	}
		
	function boxHide(){
		$("#pop").removeClass("bounceInDown").addClass("bounceOutUp");
		$(".fix").fadeOut();
		
	}
		
		
	})
		</script>

		<script src="http://api.fqgj.net/web/js/bridge.js" type="text/javascript"></script>
		<script src="http://api.fqgj.net/web/js/md5.min.js" type="text/javascript"></script>
		<script src="http://api.fqgj.net/web/js/global.js" type="text/javascript"></script>
		<script>
			var appClient = null;
			    var appData = null;
			    var actID="act-41";
			    var actTitle="分期管家-万能百宝袋";
			    var shortShare="【万能百宝袋】蓝胖子又回来了，开学神秘道具，瞧瞧Ta都有点啥";
			    var longShare="#【万能百宝袋】蓝胖子又回来了，开学神秘道具，瞧瞧Ta都有点啥!";
			    var friendShare="【万能百宝袋】蓝胖子又回来了，开学神秘道具，瞧瞧Ta都有点啥"
			    var actFile="hdbbd";
			    $(document).ready(function() {
			        if (window.android) {
			            appClient = new AppClient(window.android, true);
			            init();
			        } else {
			
			            function initIOSBridge(iosBridge) {
			                iosBridge.init(function(message, responseCallback) {
			                });
			                appClient = new AppClient(iosBridge, false);
			                init();
			            }
			            if (window.WebViewJavascriptBridge) {
			                initIOSBridge(WebViewJavascriptBridge);
			            } else {
			                document.addEventListener('WebViewJavascriptBridgeReady', function () {
			                    initIOSBridge(WebViewJavascriptBridge)
			                }, false);
			            }
			        }
			    });
			    function startWork() {
			        $("li.share").click(function(){
			            var shareType = $(this).attr("data-type");
			            var data = {
			                "shareFrom": actID,
			                "type" : shareType,
			                "title" : actTitle,
			                "content" : friendShare,
			                "targetUrl" : "http://www.fqgj.net/theme/"+actFile+"/index.html",
			                "iconUrl" : "http://www.fqgj.net/theme/"+actFile+"/img/share-logo.png"
			            };
			            if (shareType == "qq") {
			                data.content = shortShare;
			                data.title =actTitle;
			                data.targetUrl = "http://www.fqgj.net/theme/"+actFile+"/index.html?shareType=qq";
			            } else if (shareType == "sina") {
			                data.content =longShare;
			                data.targetUrl = "http://www.fqgj.net/theme/"+actFile+"/index.html?shareType=sina";
			            } else if (shareType == "weixinfriend") {
			                data.title = shortShare;
			                data.targetUrl = "http://www.fqgj.net/theme/"+actFile+"/index.html?shareType=weixin";
			            }else if(shareType == "qqzone"){
			                data.targetUrl = "http://www.fqgj.net/theme/"+actFile+"/index.html?shareType=qqzone";
			            }
			            appClient.share(data, "shareCallback");
			            return false;
			        });
			    }
			    function initDataCallback(data) {
			        appData = JSON.parse(data);
			        $("li.share").hide();
			        if (appData.sharePlatforms && appData.sharePlatforms.length > 0) {
			            for (var i = 0; i < appData.sharePlatforms.length; ++i) {
			                $("li.share[data-type=" + appData.sharePlatforms[i] + "]").show();
			            }
			        } else {
			            $("li.share").show();
			        }
			        appClient.hideLoading();
			        startWork();
			    }
			    function init() {
			        var data = {
			            "title" : actTitle,
			            "type" : "share",
			            "callback" : "showSharePopup"
			        };
			        appClient.setTitle(data);
			        // get init data
			        appClient.getInitData("initDataCallback", initDataCallback);
			    }
			    function shareCallback(state) {
			        if(state){
			            appClient.showToast("分享成功");
			        }else{
			            // appClient.showToast("分享失败，未获得礼包，请稍后再试！");
			        }
			    }
			    var share;
			    var shareH;
			    var bodyH = document.documentElement.clientHeight;
			    $(document).ready(function() {
			        share=document.getElementById("share");
			        shareH=share.offsetHeight;
			        share.style.bottom=-shareH+"px";
			        var shade=document.getElementById("shade");
			        var head=document.getElementById("head");
			        shade.onclick=function() {
			            shade.style.display="none";
			            shareMove(1);
			        }
			        $("#share_btn").click(function() {
			            shade.style.display="block";
			            shareMove(0);
			        });
			        $("a").on('click', function() {
			            if($(this).attr("data-id")!=null){
			                clickProduct($(this).attr("data-id"));
			                var versionCode = appData.versionCode;
			                if(versionCode <= 10 ){
			                    window.location.href=$(this).attr("data-productUrl");
			                }else{
			                    var data  = {
			                        "name" : "productDetails",
			                        "productId" : $(this).attr("data-id"),
			                        "jumpUrl": "http://api.fqgj.net/product/details/"+$(this).attr("data-id")+".html",
			                        "title": $(this).attr("data-title"),
			                        "content": "【万能百宝袋】蓝胖子又回来了，开学神秘道具，瞧瞧Ta都有点啥",
			                        "productUrl": $(this).attr("data-productUrl"),
			                        "clickFrom": actID
			                    };
			                    appClient.jumpToScreen(data);
			                }
			            }
			        });
			    });
			    function clickProduct(productId){
			        appData.timestamp=new Date().getTime();
			        appData.params= JSON.stringify({"productId":productId, "clickFrom": actID });
			        appData.appSign = window.md5(appData.appKey + appData.appVersion + appData.appClient+ appData.timestamp +appData.token +appData.appSecret + window.md5(appData.params));
			        $.ajax({
			            type: 'POST',
			            url: basePath+'product/clickProduct',
			            data: appData,
			            dataType: 'json',
			            success: function(data){
			            },
			            error: function(xhr, type){
			            }
			        });
			    }
			    function showSharePopup() {
			        shade.style.display="block";
			        shareMove(0);
			    }
			    var timer = null;
			    function shareMove(dis){
			        clearInterval(timer);
			        var ret = 0;
			        var _bottom=-shareH;
			        timer = setInterval(function(){
			            if(dis){
			                ret-=2;
			                if(ret<=-shareH){
			                    clearInterval(timer);
			                }else{
			                    share.style.bottom=ret+"px";
			                }
			            }else{
			                _bottom+=2;
			                if(_bottom>=-2){
			                    clearInterval(timer);
			                }else{
			                    share.style.bottom=_bottom+"px";
			                }
			            }
			        },1)
			    }
		</script>

	</body>

</html>